<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/nav.css">
    <link rel="stylesheet" href="__CSS__/user_center.css">

    <title>用户中心</title>
</head>
<body>
    <div class="user-msg">
        <a href="{:url('myself')}" class="user-tx">
            <img src="{$user.head_pic}" alt="">
            <div>
                <p>{$user.nickname}</p>
                <p>
                    <span><img src="__IMG__/index/Vip2.png" alt="">VIP</span>
                </p>
            </div>
        </a>
        <div class="jine">
            <p>收益总额（元）</p>
            <p>
                <span>{$user.total_money}</span>
                <a id="tixian-btn">提现
                    <img src="__IMG__/right.png" alt="">
                </a>
            </p>
            <p>可提现金额：<span>{$user.user_money}</span>元</p>
            <p>已提现金额：<span>{$user.frozen_money}</span>元</p>
        </div>
    </div>
    <div class="user-team">
        <img src="__IMG__/user/team.png" alt="">
        <div>
            <p>我的团队</p>
            <p>我的上线、我的下线、邀请好友</p>
        </div>
        <a href="{:url('team')}">查看 <img src="__IMG__/right-color.png" alt=""></a>
    </div>
    <div class="user-box">
        <a href="{:url('msg')}" class="user-item">
            <img src="__IMG__/user/msg.png" alt="">
            <p>我的消息</p>
        </a>
        <a href="{:url('userMoney')}" class="user-item">
            <img src="__IMG__/user/account.png" alt="">
            <p>账户明细</p>
        </a>
        <a href="{:url('set/problem')}" class="user-item">
            <img src="__IMG__/user/problem.png" alt="">
            <p>常见问题</p>
        </a>
        <a href="{:url('set/notebook')}" class="user-item">
            <img src="__IMG__/user/notebook.png" alt="">
            <p>平台手册</p>
        </a>
        <a href="{:url('service')}" class="user-item">
            <img src="__IMG__/user/service.png" alt="">
            <p>联系客服</p>
        </a>
        <a href="{:url('advice')}" class="user-item">
            <img src="__IMG__/user/advise.png" alt="">
            <p>投诉建议</p>
        </a>
    </div>

    <div class="mask"></div>

    <div class="tixian center_absolute">
        <p>请选择提现方式</p>
        <div class="buy-by">
            <p>
                <span><img src="__IMG__/bank-card.png" alt="0">银行卡</span>
                <span><img class="checked bank-card" src="__IMG__/checked1.png" ></span>
            </p>
            <p>
                <span><img src="__IMG__/apply.png" alt="1">支付宝</span>
                <span><img class="checked apply" src="__IMG__/checked1.png" ></span>
            </p>
        </div>
        <div class="buy-btn">
            <a id="ok">确定</a>
            <a id="no">取消</a>
        </div>
    </div>

    {include file="footer" /}
</body>
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/layer.js"></script>
<script type="text/javascript">
    $('#tixian-btn').click(function(){
        $(".mask").css("height",$(document).height());
    $(".mask").css("width",$(document).width());
    $('.mask').show();
    $('.tixian').show();
    });
    $('.checked').click(function(e){
        var src=$(e.target).attr('src');
    var ok='__IMG__/checked.png';
    var no ='__IMG__/checked1.png';
    if(src==no){
        $(e.target).attr('src',ok);
        $(e.target).parents('p').siblings().children().find('.checked').attr('src',no);
    }else if(src==ok){
        $(e.target).attr('src',no);
    }
    });
    $('#ok').click(function(){
        var cardid=$('.bank-card').attr('src');
    var applyid=$('.apply').attr('src');
    var ok='__IMG__/checked.png';
    var no ='__IMG__/checked1.png';
    if(cardid==applyid==no){
        layer.msg("请选择支付方式",{time:1500});
    }else if(cardid==ok){
        location.href="{:url('withdraw')}"
    }else if(applyid==ok){
        location.href="{:url('alipay')}"

    }
    });
    $('#no').click(function(){
        $('.mask').hide();
    $('.tixian').hide();
    });
</script>
</html>